body{
	background: url(../img/605.png) no-repeat;
	background-size: 100% 100%;
}
.choose{
	background-color: rgb(143,193,196);
}
.hearder{
	width: 100%;
	height: 50vw;
	padding: 1vw;
	box-sizing: border-box;
	position: relative;
}
.hearder img{
	width: 36%;
}
.banner1{
	position: absolute;
	left: 15% ;
	top: 0px;
	transform:rotate(-8deg);
}
.banner2{
	position: absolute;
	right: 16% ;
	bottom: 0px;
}
.activity_wrap{
	width: 100%;
	display: flex;
	padding:0px 8%;
	box-sizing: border-box;
}
.egg_wrap{
	width: 65%;
	background-color: rgba(0,108,100,0.3);
	border-radius: 4vw;
	padding: 4%;
	display: flex;
}
.egg_listy{
	margin-right:4% ;
}
.egg_listy li{
	height: 7vw;
	line-height: 5.5vw;
	font-size: 4vw;
	text-align: center;
	color: rgb(249,221,86);
}
.egg_list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.egg{
	position: relative;
	width: 10%;
	height: 7vw;
	background: url(../img/egg.png) no-repeat;
	background-size: 100%;
	cursor:url(../img/chuizi.ico) 20 32,default;
	line-height: 3vw;
	text-align: center;
	font-size: 1vw;
	color: red;
}


.bonus_wrap,.set_wrap{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.bonus{
	position: fixed;
	left: 16%;
	top: 10%;
	width: 40%;
	background: url(../img/bonus.png) no-repeat;
	background-size: 100%;
	height:44vw;
	z-index: 9999;
}
.bonus p{
	font-size: 4.5vw;
	position: relative;
	top: 40%;
	left: 0;
	color: yellow;
	text-shadow: 3px 3px black;
	text-align: center;
	padding-top: 25px;
} 
.set_wrap{
	background-color: rgba(0,0,0,0.7)
}
#set{
	font-size: 3vw;
	width: 70%;
	margin: 1% 0px;
}
.set{
	background-color: red;
	color: white;
	padding: 2%;
	width: 30%;
	text-align: center;
	cursor: pointer;
}
.set_num,.set_money{
	padding: 5%;
	position: fixed;
	left: 16%;
	top: 10%;
	width: 50%;
	height: 35vw;
	z-index: 9999;
	background-color: white;
	font-size: 3vw;
	overflow-y: scroll;
}
.set_money ul{
	height: 20vw;
	overflow-y: scroll;
}
.set_money ul li{
	display: flex;
}
.set_money ul li p{
	width: 50%;
}
.ranking_list{
	background-color: rgba(0,0,0,0.5);
	width: 35%;
	border-radius: 4vw;
	margin: 1vw;
	box-sizing: border-box;
	/*position: fixed;*/
	/*right: 0px;*/
}
.ranking_title,.rule_title{
	font-size: 2.5vw;
	background: url(../img/biaoti.png);
	width: 100%;
	height: 10vw;
	line-height: 5vw;
	background-size: 100% 100%;
	text-align: center;
	color: rgb(239,210,66);
	text-shadow: 0.2vw 0.2vw black;
	z-index: 999;
}

.ranking{
	width: 100%;
	height: 18vw;
	padding: 0px 4% 2%;
	box-sizing: border-box;
	overflow-y: scroll;
	
}
.rule{
	width: 100%;
	height: 35vw;
	padding: 0px 8% 2%;
	box-sizing: border-box;
	overflow-y: scroll;
	
}
.ranking::-webkit-scrollbar,.rule::-webkit-scrollbar{
width:0px;
}
.ranking ul li{
	display: flex;
	justify-content: space-between;
	width: 100%;
	color: white;
	line-height: 3vw;
	font-size: 1.5vw;
	text-shadow: 1px 1px black;
}
.ranking ul li p:first-child{
	width: 15%;
	text-align: center;
}
.ranking ul li #company_name,.ranking ul li #money,.rule{
	background-color: transparent;
	color: white;
	font-size: 1vw;
	text-shadow: 0.1vw 0.1vw black;
	border: none;
	width: 65%;
	text-align: center;
}
.ranking ul li #money{
	width: 20%;
	font-size: 1.5vw;
	text-align: left;
}
.ranking ul li #company_name::-webkit-input-placeholder,.ranking ul li #money::-webkit-input-placeholder,.rule::-webkit-input-placeholder{
	color: white;
}
.rule{
	width: 100%;
	color: white;
	font-size: 1.5vw;
	text-align: center;
	text-shadow: 0.1vw 0.1vw black;
	line-height: 2vw;	
	letter-spacing: 0.1em;
}
.ranking ul li.ranking_button{
	justify-content: center;
}
.ranking ul li.ranking_button div{
	width: 40%;
	padding: 0.5vw;
	background-color:rgb(214,49,56);
	text-align: center;
	color: yellow;
	font-size: 2vw;
	cursor: pointer;
	border-radius:30px ;
}

